{% extends 'app_admin/admin_base.html' %}
{% load static %}
{% block title %}文集管理{% endblock %}
{% block content %}
<div class="layui-card">
    <div class="layui-card-body">
        <div class="layui-card-header" style="margin-bottom: 10px;">
        <div class="layui-row">
            <span style="font-size:18px;">文集管理
            </span>
        </div>
        </div>
        <div class="layui-row">
            <form action="{% url 'project_manage' %}" method="get">
            <div class="layui-form-item">
                <div class="layui-input-inline">
                    <input type="text" name="kw" id="kw" placeholder="输入文集内容" autocomplete="off" class="layui-input">
                </div>
                <button class="layui-btn layui-btn-normal layui-btn-sm" type="submit"><i class="layui-icon layui-icon-search"></i>搜索</button>
                <button class="layui-btn layui-btn-normal layui-btn-sm" onclick="createProject()" type="button"><i class="layui-icon layui-icon-addition"></i>新建文集</button>
            </div>
            </form>
        </div>
        <div class="layui-row" >
            <table class="layui-table"  id="doctemp-list" lay-skin="nob" lay-size='' lay-even>
                <colgroup>
                    <col width="90">
                    <col width="100">
                    <col width="40">
                    <col width="60">
                    <col width="90">
                    <col width="30">
                    <col width="50">
                </colgroup>
        <thead>
            <tr>
                <th>文集名称</th>
                <th>文集简介</th>
                <th>文档数量</th>
                <th>权限</th>
                <th>创建时间</th>
                <th>所属用户</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            {% for pro in projects %}
            <tr>
            <td><a href="{% url 'pro_index' pro_id=pro.id %}"  target="_blank">{{ pro.name }}</a></td>
            <td>{{ pro.intro }}</td>
            {% load project_filter %}
            <td>{{ pro.id | get_doc_count }}</td>
                <td>
                <div class="layui-input-inline">
                {% if pro.role == 0 %}
                    <i class="layui-icon layui-icon-circle"></i> 公开 <a href="{% url 'admin_project_role' pro.id %}"  title="修改文集权限"><i class="layui-icon layui-icon-edit"></i></a>
                {% elif pro.role == 1 %}
                    <i class="layui-icon layui-icon-menu-fill"></i> 私密 <a href="{% url 'admin_project_role' pro.id %}"  title="修改文集权限"><i class="layui-icon layui-icon-edit"></i></a>
                {% elif pro.role == 2 %}
                    <i class="layui-icon layui-icon-group"></i> 指定用户可见 <a href="{% url 'admin_project_role' pro.id %}"  title="修改文集权限"><i class="layui-icon layui-icon-edit"></i></a>
                {% elif pro.role == 3 %}
                    <i class="layui-icon layui-icon-password"></i> 访问码可见 <a href="{% url 'admin_project_role' pro.id %}"  title="修改文集权限"><i class="layui-icon layui-icon-edit"></i></a>
                {% endif %}
                </div>
            </td>
            <td>{{ pro.create_time }}</td>
            <td>{{ pro.create_user }}</td>
            <td>
                <!-- <a href="{% url 'pro_index' pro_id=pro.id %}"  target="_blank" class="layui-btn layui-btn-normal layui-btn-xs">
                    <i class="layui-icon layui-icon-read"></i>查看
                    </a> -->
                <a href="javascript:void(0);" onclick="modifyProject('{{pro.id}}','{{pro.name}}','{{pro.intro}}')" class="layui-btn layui-btn-normal layui-btn-xs">
                    <i class="layui-icon layui-icon-edit"></i>
                </a>
                <a href="javascript:void(0);" onclick="delProject('{{pro.id}}');" class="layui-btn layui-btn-warm layui-btn-xs">
                    <i class="layui-icon layui-icon-delete"></i>
                </a>
            </td>
            </tr>
            {% endfor %}
        </tbody>
            </table>
        </div>
        <!-- 分页 -->
        <div class="layui-row">
            <div class="layui-box layui-laypage layui-laypage-default">
                    <!-- 上一页 -->
                    {% if projects.has_previous %}
                        <a href="?page={{ projects.previous_page_number }}&kw={{projects.kw}}" class="layui-btn layui-btn-xs layui-btn-normal">上一页</a>
                    {% else %}
                        <a href="javascript:;" class="layui-btn layui-btn-xs layui-btn-disabled">上一页</a>
                    {% endif %}
                    <!-- 当前页 -->
                    <span class="layui-laypage-curr">
                        <em class="layui-laypage-em"></em>
                        <em>{{ projects.number }}/{{ projects.paginator.num_pages }}</em>
                    </span>
                    <!-- 下一页 -->
                    {% if projects.has_next %}
                        <a href="?page={{ projects.next_page_number }}&kw={{projects.kw}}" class="layui-btn layui-btn-xs layui-btn-normal">下一页</a>
                    {% else %}
                        <a class="layui-btn layui-btn-xs layui-btn-disabled">下一页</a>
                    {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block custom_script %}
<script>
    layui.use(['table','jquery','form','layer','element'], function() {
        let table = layui.table;
        let form = layui.form;
        let $ = layui.jquery;
        let layer = layui.layer;
        let element = layui.element;
        $.ajaxSetup({
            data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
        });
        createProject = function(){
            layer.open({
                type:1,
                title:'新建文集',
                area:'300px;',
                id:'createPro',//配置ID
                content:'<div style="padding: 20px;"><input class="layui-input" type="text" id="pname" style="margin-bottom:10px;" placeholder="输入文集名" required  lay-verify="required"><textarea name="desc" id="desc" placeholder="输入文集简介" class="layui-textarea"></textarea></div>',
                btn:['确定','取消'], //添加按钮
                btnAlign:'c', //按钮居中
                yes:function (index,layero) {
                    layer.load(1);
                    data = {
                        'pname':$("#pname").val(),
                        'desc':$("#desc").val(),
                    }
                    $.post("{% url 'create_project' %}",data,function(r){
                        layer.closeAll('loading');
                        if(r.status){
                            //创建成功
                            window.location.reload();
                            //layer.close(index)
                        }else{
                            //创建失败，提示
                            console.log(r)

                        }
                    })
                },
            });
        };
        modifyProject = function(pro_id,pro_name,pro_intro){
            layer.open({
                type:1,
                title:'修改文集',
                area:'300px;',
                id:'modifyPro',//配置ID
                content:'<div style="padding: 20px;"><input class="layui-input" type="text" id="pname" style="margin-bottom:10px;" placeholder="输入文集名" required  lay-verify="required" value="'+pro_name+'"><textarea name="desc" id="desc" placeholder="输入文集简介" class="layui-textarea">'+pro_intro+'</textarea></div>',
                btn:['确定','取消'], //添加按钮
                btnAlign:'c', //按钮居中
                yes:function (index,layero) {
                    data = {
                        'pro_id':pro_id,
                        'name':$("#pname").val(),
                        'desc':$("#desc").val(),
                    }
                    $.post("{% url 'modify_project' %}",data,function(r){
                        if(r.status){
                            //修改成功
                            window.location.reload();
                            //layer.close(index)
                        }else{
                            //修改失败，提示
                            console.log(r)
                            layer.msg(r.data)
                        }
                    })
                },
            });
        };
        delProject = function(pro_id){
            layer.open({
                type:1,
                title:'删除文集',
                area:'300px;',
                id:'delPro',//配置ID
                content:'<div style="margin-left:10px;">警告：此操作将删除文集及文集下所有文档！</div>',
                btn:['确定','取消'], //添加按钮
                btnAlign:'c', //按钮居中
                yes:function (index,layero) {
                    data = {
                        'pro_id':pro_id,
                    }
                    $.post("{% url 'del_project' %}",data,function(r){
                        if(r.status){
                            //修改成功
                            window.location.reload();
                            //layer.close(index)
                        }else{
                            //修改失败，提示
                            console.log(r)
                            layer.msg(r.data)
                        }
                    })
                },
            });
        }
    })
</script>
{% endblock %}